<template>
  <div class="content_card">
    <UHeader>
      <div slot="left">
        <ul class="sysmode">
          <li :class="{activity:courentModel==='cys'}" @click="courentModel='cys'">承运商</li>
          <li :class="{activity:courentModel==='user'}" @click="courentModel='user'">企业</li>
        </ul>
      </div>
      <div slot="right">
        <el-button type="success" size="mini">添加</el-button>
        <el-button type="primary" size="mini">编辑</el-button>
      </div>
    </UHeader>

  </div>
</template>

<script>
import UHeader from '@/components/UHeader'
import UTable from '@/components/UTable'
import columns from './columns'
import { baseTableConfig } from '@/utils/baseConfig'
export default {
  components: { UHeader, UTable },
  data() {
    return {
      courentModel: 'user',
      config: baseTableConfig,
      columns: columns
    }
  }
}
</script>

<style scoped>
  .sysmode li{
     float: left;
     border: 1px solid #e4e4e4;
     padding: 0px 8px;
     border-radius: 4px;
     color: #01020a;
     cursor: pointer;
     margin-left: 15px;
     line-height: 2;
  }
  .sysmode li.activity{
    border-color: #FAC400;
    /*color: white;*/
    background: #FAC400;
  }
</style>
